<template>
  <div class="personal_purse">
    <my-header :showBack="true" title="激活会员" :rightText="'激活记录'"  @rightAction="pushPath('/entMemberList')"></my-header>
    <div>
      <div class="memberinlist">
        <ul class="trad_list">
        <van-list v-show="orMenberList.length>0" v-model="loading" :finished="finished" @load="loadMore" :offset="10" class="">
          <li v-for="item in orMenberList" :key="item.index">
            <div slot="title" class="jytime">
						<div class="nflex top_contitle">
							<h3>会员编号：<span>125</span></h3>
							<p class="tipred jihuobord">立即激活</p>
						</div>
						<div class="nflex">
							<p>姓名：<span>李阳</span></p>
							<p class="">级别：<span>二星会员</span></p>
						</div>
            <div class="nflex">
							<p>推荐人：<span>尔玉</span></p>
							<p class="">金额：<span>0.00</span></p>
						</div>
            <div class="nflex">
							<p>接点人：<span>杨杨</span></p>
							<p class="">手机号：<span>13512341234</span></p>
						</div>
            <div class="bottom_time">
							<p>注册时间：2018-09-30</p>
						</div>
					</div>
          </li>      
        </van-list>
        </ul> 
      <div class="no_list_data" v-show="orMenberList.length==0">{{$t("lang.NoData")}}</div>
    </div>
    </div>
  </div>
</template>

<script>
import header from "@/components/header";
import { Toast } from 'vant';
import ClipboardJS from 'Clipboard'

export default {
  components: {
    "my-header": header
  }, 
  data(){
    return{
      userInfo:{},
      loading:false,
      finished:true,
      orMenberList:[1,2,3,4,5,6]
    }
  },
  filters: {
    formatDate(time) {
      var date = new Date(time);
      return timeFormat.formatDate(date, "yyyy.MM.dd hh:mm");
    }
  },
  mounted(){
    this.userInfo = JSON.parse(localStorage.getItem('userInfo'))
  },
  methods:{
    loadMore(){
      this.searchData.pageNo += 1;
      this.$ajax(this.$api.selectMyTradeListCec, this.searchData).then(res => {
        if (res.code == 0) {
          if (res.data && res.data.list) {
            res.data.list.forEach(function(item){
              item.isShowDetails = false;
            });
            this.loading = false;
            this.completeTrade = this.completeTrade.concat(res.data.list);
            this.finished = this.searchData.pageNo == res.data.pageCount;
          }
        }
      });
    },
  }
}
</script>

<style lang="less" scoped>
.personal_purse{background: #f6f6f6;}
.trad_list{
	margin-top:0px;
		h3{color: #333333;line-height: 26px;}
		li{margin-bottom: 10px;background: #ffffff;box-sizing: border-box;padding: 10px 12px 0 12px;}
		.nflex{display: flex;justify-content:space-between ;
      p{line-height: 25px;color: #999999;}
			span{color: #333333;}
			.npadd{padding: 15px 0;}
			.tiphui{color: #999999;}
			.tipred{color: #FF5458;height: 25px;}
      .tipgren{color: #00BA4F;}
    }
    .top_contitle{border-bottom: 1px solid #eeeeee;padding-bottom:6px; }
		.buybtn{color: #FF4954;border: 1px solid #FF4954;border-radius: 20px;padding: 0 6px ;}		
}
.jihuobord{border: 1px solid #FF4954;border-radius: 10px;padding: 0px 6px ;font-size: 12px;height: 20px;}
.jytime{
	h3{color: #333333;font-size: 14px;}
  p{color: #CCCCCC;}
  .bottom_time{
    border-top:1px solid #eeeeee;padding: 12px 0;
    p{color: #333333;}
    }
	}
</style>
